<template>
  <div style="text-align: left">
    <el-dialog
      title="拼团详情"
      :visible.sync="dialogTableVisible"
      @close="clear">

      <el-table :data="dataForm">
        <el-table-column property="date" label="日期" width="150"></el-table-column>
        <el-table-column property="name" label="姓名" width="200"></el-table-column>
        <el-table-column property="address" label="地址"></el-table-column>
      </el-table>

      <el-steps :active="2" align-center>
        <el-step title="步骤1" description="这是一段很长很长很长的描述性文字"></el-step>
        <el-step title="步骤2" description="这是一段很长很长很长的描述性文字"></el-step>
        <el-step title="步骤3" description="这是一段很长很长很长的描述性文字"></el-step>
        <el-step title="步骤4" description="这是一段很长很长很长的描述性文字"></el-step>
      </el-steps>

      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogTableVisible = false">取 消</el-button>
        <el-button type="primary" @click="onSubmit">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  export default {
    name: 'PtDialog',
    data () {
      return {
        dialogTableVisible: false,
        dataForm: []
      }
    },
    mounted () {
    },
    methods: {
      clear () {
        this.dataForm = []
      }
      // onSubmit () {
      //   this.$axios
      //     .post('/admin/content/books', {
      //       id: this.form.id,
      //       cover: this.form.cover,
      //       title: this.form.title,
      //       author: this.form.author,
      //       date: this.form.date,
      //       press: this.form.press,
      //       abs: this.form.abs,
      //       category: this.form.category
      //     }).then(resp => {
      //       if (resp && resp.data.code === 200) {
      //         this.dialogTableVisible = false
      //         this.$emit('onSubmit')
      //         // 从后端返回信息
      //         this.$alert(resp.data.message, '提示', {
      //           type: 'success',
      //           dangerouslyUseHTMLString: true
      //         })
      //       } else {
      //         // 从后端返回错误信息
      //         this.$alert(resp.data.message, '错误提示', {
      //           type: 'error',
      //           dangerouslyUseHTMLString: true
      //         })
      //       }
      //   })
      // }
    }
  }
</script>

<style scoped>
</style>
